/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}
 

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #333;
    text-decoration: none
}

a:focus,
a:hover {
    color: #23527c;
    text-decoration: underline
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-xs {
    display: none !important
}

.visible-sm {
    display: none !important
}

.visible-md {
    display: none !important
}

.visible-lg {
    display: none !important
}

.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
    display: none !important
}

.hidden-xs {
    display: block !important
}

table.hidden-xs {
    display: table
}

tr.hidden-xs {
    display: table-row !important
}

td.hidden-xs,
th.hidden-xs {
    display: table-cell !important
}

.hidden-sm {
    display: block !important
}

table.hidden-sm {
    display: table
}

tr.hidden-sm {
    display: table-row !important
}

td.hidden-sm,
th.hidden-sm {
    display: table-cell !important
}

.hidden-md {
    display: block !important
}

table.hidden-md {
    display: table
}

tr.hidden-md {
    display: table-row !important
}

td.hidden-md,
th.hidden-md {
    display: table-cell !important
}

.hidden-lg {
    display: block !important
}

table.hidden-lg {
    display: table
}

tr.hidden-lg {
    display: table-row !important
}

td.hidden-lg,
th.hidden-lg {
    display: table-cell !important
}

.visible-xs {
    display: block !important
}

table.visible-xs {
    display: table
}

tr.visible-xs {
    display: table-row !important
}

td.visible-xs,
th.visible-xs {
    display: table-cell !important
}

.visible-xs-block {
    display: block !important
}

.visible-xs-inline {
    display: inline !important
}

.visible-xs-inline-block {
    display: inline-block !important
}

.hidden-xs {
    display: none !important
}

.visible-print {
    display: none !important
}

.visible-print-block {
    display: none !important
}

.visible-print-inline {
    display: none !important
}

.visible-print-inline-block {
    display: none !important
}

.wraptable {
    background: #fff;
    padding: 20px;
}

.tabletitle {
    overflow: hidden;
}

.tabletitle h2 {
    margin: 0px;
    font-size: 18px;
    color: #333;
    font-weight: normal;
    padding: 0 0 0 19px;
    position: relative;
    height: 26px;
    line-height: 26px;
    float: left;
}

.tabletitle h2::before {
    content: '';
    position: absolute;
    width: 9px;
    height: 9px;
    background: #a71016;
    left: 0px;
    top: calc(50% - 4px);
}

.tabletitle span {
    float: right;
    color: #999999;
}

.wraptable table {
    width: 100%;
    border-color: #e5e5e5;
}

.wraptable tr:nth-child(even) {
    background: #f9f8f8;
}

.wraptable td {
    width: 10%;
    text-align: center;
}

.wraptable table {
    margin: 24px 0 0 0;
}

.wraptable span {
    padding: 10px 5px;
    display: block;
    /* white-space: pre-wrap; */
    word-break: break-all;
}

.wraptable th span {
    color: #a71016;
    font-weight: normal;
}

.wraptable tr td:nth-child(1) span {
    font-weight: bold;
}

@media (min-width:768px) {
    .visible-xs {
        display: none !important
    }

    .visible-xs-block,
    .visible-xs-inline,
    .visible-xs-inline-block {
        display: none !important
    }

    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm,
    th.visible-sm {
        display: table-cell !important
    }

    .visible-sm-block {
        display: block !important
    }

    .visible-sm-inline {
        display: inline !important
    }

    .visible-sm-inline-block {
        display: inline-block !important
    }

    .hidden-xs {
        display: block !important
    }

    table.hidden-xs {
        display: table
    }

    tr.hidden-xs {
        display: table-row !important
    }

    td.hidden-xs,
    th.hidden-xs {
        display: table-cell !important
    }

    .hidden-sm {
        display: none !important
    }
}

@media (min-width:1024px) {
    .visible-sm {
        display: none !important
    }

    .visible-sm-block,
    .visible-sm-inline,
    .visible-sm-inline-block {
        display: none !important
    }

    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md,
    th.visible-md {
        display: table-cell !important
    }

    .visible-md-block {
        display: block !important
    }

    .visible-md-inline {
        display: inline !important
    }

    .visible-md-inline-block {
        display: inline-block !important
    }

    .hidden-sm {
        display: block !important
    }

    table.hidden-sm {
        display: table
    }

    tr.hidden-sm {
        display: table-row !important
    }

    td.hidden-sm,
    th.hidden-sm {
        display: table-cell !important
    }

    .hidden-md {
        display: none !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0
}

.embed-responsive.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive.embed-responsive-4by3 {
    padding-bottom: 75%
}

html {
    min-height: 100%;
    -webkit-text-size-adjust: none
}

body {
    min-height: 100%
}

.row:after,
.row:before {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.column {
    position: relative;
    float: left;
    min-height: 1%
}

.col-xs-1-1 {
    width: 100%
}

.col-xs-2-1 {
    width: 50%
}

.col-xs-3-1 {
    width: 33.33333333%
}

.thumb .thumb-outer {
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed
}

.thumb .thumb-outer:after,
.thumb .thumb-outer:before {
    display: table-cell;
    font-size: 0;
    content: ""
}

.thumb .thumb-outer .thumb-inner {
    display: table-cell;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle
}

.thumb img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: top
}

.wrapper {
    min-width: 320px;
    min-height: 100%;
    word-wrap: break-word;
    background-color: #ededed
}

.wrapper:after,
.wrapper:before {
    content: " ";
    display: table
}

.wrapper:after {
    clear: both
}

.wrapper>.container {
    padding-right: 18px;
    padding-left: 18px
}

.wrapper>.container:after,
.wrapper>.container:before {
    content: " ";
    display: table
}

.wrapper>.container:after {
    clear: both
}

.wrapper>.container-4 {
    padding-right: 0;
    padding-left: 0
}

.wrapper>.container-5 {
    padding-right: 0;
    padding-left: 0
}

.wrapper>.container-7 {
    padding-bottom: 10px
}

.wrapper-1 {
    background-image: url(../images/wrapper-1.png);
    background-repeat: repeat
}

.maincontent {
    padding: 18px;
    background-color: #fff
}

.maincontent:after,
.maincontent:before {
    content: " ";
    display: table
}

.maincontent:after {
    clear: both
}

.maincontent .content-header .page-header {
    padding-bottom: 10px;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.8rem;
    font-weight: 700;
    color: #d03428;
    text-align: center;
    border-bottom: 1px dotted #a3a3a3
}

.contactus:after,
.contactus:before {
    content: " ";
    display: table
}

.contactus:after {
    clear: both
}

.contactus .item {
    margin-bottom: 20px
}

.contactus .item:after,
.contactus .item:before {
    content: " ";
    display: table
}

.contactus .item:after {
    clear: both
}

.contactus .item.address .item-header .item-icon {
    background-image: url(../images/address-sm.png)
}

.contactus .item.tel .item-header .item-icon {
    background-image: url(../images/tel-sm.png)
}

.contactus .item-header:after,
.contactus .item-header:before {
    content: " ";
    display: table
}

.contactus .item-header:after {
    clear: both
}

.contactus .item-header .item-icon {
    float: left;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat
}

.contactus .item-header .page-header {
    padding-left: 5px;
    margin-bottom: 10px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #d03428
}

.contactus .item-body {
    padding: 5px
}

.contactus .title {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 1.4rem;
    font-weight: 400;
    color: #797979
}

.contactus .more-info {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.contactus .more-info:after,
.contactus .more-info:before {
    content: " ";
    display: table
}

.contactus .more-info:after {
    clear: both
}

.contactus .more-info li {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 1.4rem;
    color: #797979
}

.contactus .map {
    padding-top: 50px
}

.contactus .map .pic {
    position: relative;
    display: inline-block;
    border: 1px solid #d8d8d8
}

.contactus .map .pic img {
    max-width: 100%
}

.contactus .map .north {
    position: absolute;
    top: -50px;
    right: 0;
    padding: 5px
}

.teacher {
    -webkit-box-shadow: 1px 1px 5px rgba(13, 4, 9, .1);
    box-shadow: 1px 1px 5px rgba(13, 4, 9, .1);
    position: relative;
    min-height: 140px;
    margin: 50px 10px 20px;
    background-image: url(../images/teacher.jpg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: auto 100%;
    border: 1px solid #e1e1e0
}

.teacher:after,
.teacher:before {
    content: " ";
    display: table
}

.teacher:after {
    clear: both
}

.teacher:before {
    position: absolute;
    top: 8px;
    right: 8px;
    bottom: 8px;
    left: 8px;
    display: block;
    border: 1px dotted #ddd;
    content: ""
}

.teacher .pic {
    -webkit-box-shadow: 1px 1px 5px rgba(13, 4, 9, .1);
    box-shadow: 1px 1px 5px rgba(13, 4, 9, .1);
    position: absolute;
    top: -20px;
    left: 20px;
    width: 106px;
    max-height: 106px;
    padding: 3px;
    overflow: hidden;
    text-align: center;
    background-color: #fff
}

.teacher .pic img {
    max-width: 100%
}

.teacher .name {
    position: absolute;
    top: 60px;
    left: 140px;
    font-size: 1.7rem;
    font-weight: 700;
    color: #646466
}

.teacher .more-info {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    position: absolute;
    top: 90px;
    left: 140px
}

.teacher .more-info:after,
.teacher .more-info:before {
    content: " ";
    display: table
}

.teacher .more-info:after {
    clear: both
}

.teacher .more-info li {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1.2rem;
    color: #8b8b8b
}

.teacher-info {
    padding: 18px;
    overflow: hidden
}

.teacher-info .description {
    margin-bottom: 20px;
    font-size: 1.4rem;
    line-height: 26px;
    color: #6a6a6a
}

.teacher-info .more-info {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.teacher-info .more-info:after,
.teacher-info .more-info:before {
    content: " ";
    display: table
}

.teacher-info .more-info:after {
    clear: both
}

.teacher-info .more-info li {
    margin-bottom: 20px
}

.teacher-info .more-info li .label {
    display: block;
    margin-bottom: 5px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #6a6a6a
}

.teacher-info .more-info li .value {
    font-size: 1.4rem;
    line-height: 26px;
    color: #6a6a6a
}

.more-captions {
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 20px;
    text-align: right
}

.more-captions a {
    color: #9a0000
}

.more-captions a:hover {
    color: #cf232a
}

.side-menu {
    margin-bottom: 10px;
    background-color: #c14a02
}

.side-menu:after,
.side-menu:before {
    content: " ";
    display: table
}

.side-menu:after {
    clear: both
}

.side-menu .menu {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    padding-top: 25px;
    padding-bottom: 25px
}

.side-menu .menu:after,
.side-menu .menu:before {
    content: " ";
    display: table
}

.side-menu .menu:after {
    clear: both
}

.side-menu .menu li {
    text-align: center;
    background-image: url(../images/bg-8.png);
    background-position: 50% 0;
    background-repeat: no-repeat
}

.side-menu .menu li:after,
.side-menu .menu li:before {
    content: " ";
    display: table
}

.side-menu .menu li:after {
    clear: both
}

.side-menu .menu li:first-child {
    background-image: none
}

.side-menu .menu .title {
    position: relative;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 30px;
    font-size: 1.8rem;
    font-weight: 400;
    color: #fff;
    text-align: left
}

.side-menu .menu .title>img {
    position: absolute;
    top: 50%;
    left: 0;
    width: 24px;
    height: 24px;
    margin-top: -12px
}

.side-menu .menu .title a {
    display: block;
    width: 126px;
    padding-top: 16px;
    padding-bottom: 15px;
    padding-left: 10px;
    line-height: 30px;
    color: #fff
}

.side-menu .menu .title a:hover {
    color: #fff000
}

.side-menu-1 .menu .title a {
    width: 154px
}

.useful-links {
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
    background-color: #e0e0e0
}

.useful-links:after,
.useful-links:before {
    content: " ";
    display: table
}

.useful-links:after {
    clear: both
}

.useful-links .page-header {
    padding-right: 10px;
    padding-left: 10px;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 1.6rem;
    color: #a02323
}

.addlink {
    margin: 15px auto 44px;
}

.addlink ul {
    margin: 0 -2.5px;
}

.addlink ul li {
    width: 11.1%;
    float: left;
    height: 70px;
    line-height: 70px;
}

.addlink ul a {
    background: #fff;
    display: block;
    margin: 0 2.5px;
    text-align: center;
    color: #9e111a;
    box-shadow: 5px 0px 40px 10px rgba(52, 5, 11, .15);

}

.addlink ul a:hover {
    background: #9e111a;
    color: #fff;
}



@media (min-width:768px) {
    .col-sm-1-1 {
        width: 100%
    }

    .col-sm-2-1 {
        width: 50%
    }

    .col-sm-3-1 {
        width: 33.33333333%
    }

    .col-sm-3-2 {
        width: 66.66666667%
    }

    .col-sm-4-1 {
        width: 25%
    }

    .col-sm-5-1 {
        width: 20%
    }

    .wrapper {
        min-width: 768px
    }

    .wrapper>.container-1 {
        padding-right: 0;
        padding-left: 0
    }

    .wrapper>.container-2 {
        width: 684px;
        padding-right: 12px;
        padding-left: 12px;
        margin-right: auto;
        margin-left: auto
    }

    .wrapper>.container-2 .row {
        margin-right: -12px;
        margin-left: -12px
    }

    .wrapper>.container-2 .column {
        padding-right: 12px;
        padding-left: 12px
    }

    .wrapper>.container-3 {
        width: 684px;
        padding-right: 12px;
        padding-left: 12px;
        margin-right: auto;
        margin-left: auto
    }

    .wrapper>.container-3 .row {
        margin-right: -12px;
        margin-left: -12px
    }

    .wrapper>.container-3 .column {
        padding-right: 12px;
        padding-left: 12px
    }

    .wrapper>.container-4 {
        position: relative;
        width: 728px;
        padding-left: 256px;
        margin-right: auto;
        margin-left: auto
    }

    .wrapper>.container-5 {
        width: 728px;
        margin-right: auto;
        margin-left: auto
    }

    .wrapper>.container-6 {
        width: 728px;
        padding-right: 10px;
        padding-left: 10px;
        margin-right: auto;
        margin-left: auto
    }

    .wrapper>.container-7 {
        width: 728px;
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 30px;
        margin-right: auto;
        margin-left: auto
    }

    .wrapper>.container-7 .row {
        margin-right: -10px;
        margin-left: -10px
    }

    .wrapper>.container-7 .column {
        padding-right: 10px;
        padding-left: 10px
    }

    .maincontent {
        min-height: 800px
    }

    .contactus {
        padding: 20px
    }

    .teacher {
        height: 160px;
        margin-top: 10px
    }

    .teacher .pic {
        top: -25px;
        left: 25px;
        width: 141px;
        max-height: 141px
    }

    .teacher .name {
        top: 90px;
        left: 180px;
        font-size: 2rem
    }

    .teacher .more-info {
        top: 80px;
        right: 40px;
        left: auto
    }

    .teacher .more-info li {
        font-size: 1.4rem
    }

    .teacher-info {
        padding: 30px
    }

    .teacher-info .description {
        font-size: 1.6rem
    }

    .teacher-info .more-info li .value {
        font-size: 1.6rem
    }

    .side-menu {
        margin-top: 47px;
        margin-bottom: 20px
    }

    .useful-links {
        margin-bottom: 20px
    }
}

@media (min-width:1024px) {
    .col-md-2-1 {
        width: 50%
    }

    .col-md-3-1 {
        width: 33.33333333%
    }

    .col-md-4-1 {
        width: 25%
    }

    .col-md-4-3 {
        width: 75%
    }

    .col-md-5-1 {
        width: 20%
    }

    .wrapper {
        min-width: 1002px
    }

    .wrapper>.container {
        margin-right: auto;
        margin-left: auto
    }

    .wrapper>.container-1 {
        width: 1002px
    }



    .wrapper>.container-2 {
        width: 1026px
    }

    .mode_con {
        overflow: hidden;
    }

    .mode_left {
        width: 48%;
        float: left;
    }

    .mode_right {
        width: 48%;
        float: right;
    }
}

@media (min-width:1024px) and (max-width:1025px) {
    .wrapper>.container-2 {
        width: 1002px;
        padding-right: 0;
        padding-left: 0;
        overflow: hidden
    }
}

@media (min-width:1024px) {
    .wrapper>.container-3 {
        width: 1022px;
        padding-right: 10px;
        padding-left: 10px
    }

    .wrapper>.container-3 .row {
        margin-right: -10px;
        margin-left: -10px
    }

    .wrapper>.container-3 .column {
        padding-right: 10px;
        padding-left: 10px
    }

    .wrapper>.container-4 {
        width: 1002px
    }

    .wrapper>.container-5 {
        width: 1002px
    }

    .wrapper>.container-6 {
        width: 1002px
    }

    .wrapper>.container-7 {
        width: 1002px;
        padding-bottom: 60px
    }

    .maincontent {
        padding: 30px
    }

    .maincontent .content-header .page-header {
        font-size: 2.2rem;
        text-align: left
    }

    .contactus .item {
        position: relative;
        padding-left: 130px
    }

    .contactus .item.address .item-header .item-icon {
        background-image: url(../images/address.png)
    }

    .contactus .item.tel .item-header .item-icon {
        background-image: url(../images/tel.png)
    }

    .contactus .item-header .item-icon {
        position: absolute;
        width: 105px;
        height: 105px;
        top: 20px;
        left: 0
    }

    .contactus .map .north {
        top: 0;
        right: -50px
    }

    .teacher {
        height: 186px;
        margin-top: 20px
    }

    .teacher .pic {
        top: -30px;
        left: 30px;
        width: 150px;
        max-height: 123px;
    }

    .teacher .name {
        top: 100px;
        left: 210px;
        font-size: 2.4rem
    }

    .side-menu {
        margin-top: 57px
    }

    .useful-links {
        height: 222px
    }

    .useful-links .captions {
        margin-bottom: 10px
    }
}

.topbar {
    background-color: #791314
}

.topbar>.container:after,
.topbar>.container:before {
    content: " ";
    display: table
}

.topbar>.container:after {
    clear: both
}

.topbar .search-form {
    float: right;
    padding-top: 10px;
    padding-right: 24px;
    padding-bottom: 10px
}

.topbar .search-form .form-group {
    float: left
}

.topbar .search-form .form-control {
    width: 160px;
    height: 29px;
    background-color: #fff;
    border-width: 0;
    border-radius: 0
}

.topbar .search-form .btn {
    float: left;
    width: 40px;
    height: 29px;
    overflow: hidden;
    text-indent: -88px;
    background-color: #aa1b1b;
    background-image: url(../images/search-btn.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-width: 0
}

.topbar .collapse {
    display: none
}

.topbar .topbar-toggle {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 889;
    display: block;
    width: 50px;
    height: 49px;
    background-image: url(../images/topbar-toggle.png);
    background-repeat: no-repeat;
    background-size: 100% auto
}

.topbar .topbar-toggle:active {
    background-position: 0 100%
}

@media (min-width:768px) {
    .topbar .search-form {
        padding-top: 8px;
        padding-right: 30px;
        padding-bottom: 8px
    }

    .topbar .search-form .form-control {
        width: 170px;
        height: 23px
    }

    .topbar .search-form .btn {
        width: 32px;
        height: 24px !important;
        background-size: 16px 16px;
        float: right;
    }

    .topbar .topbar-toggle {
        width: 40px;
        height: 39px
    }
}

@media (min-width:1024px) {
    .topbar>.container {
        width: 1002px;
        margin-right: auto;
        margin-left: auto
    }

    .topbar .search-form {
        padding-top: 4px;
        padding-right: 0;
        padding-bottom: 4px
    }

    .topbar .search-form .form-control {
        width: 148px;
        height: 20px
    }

    .topbar .search-form .btn {
        width: 27px;
        height: 20px;
        background-size: 16px 16px
    }

    .topbar .collapse {
        display: block
    }

    .topbar .topbar-collapse {
        float: left
    }

    .topbar .topbar-collapse:after,
    .topbar .topbar-collapse:before {
        content: " ";
        display: table
    }

    .topbar .topbar-collapse:after {
        clear: both
    }

    .topbar .topbar-nav {
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0;
        list-style: none
    }

    .topbar .topbar-nav:after,
    .topbar .topbar-nav:before {
        content: " ";
        display: table
    }

    .topbar .topbar-nav:after {
        clear: both
    }

    .topbar .topbar-nav li {
        float: left;
        font-size: 1.2rem;
        line-height: 20px;
        color: #fff
    }

    .topbar .topbar-nav li a {
        float: left;
        padding: 4px 10px;
        color: #fff
    }

    .topbar .topbar-nav li a.home:before {
        display: inline-block;
        width: 20px;
        height: 20px;
        vertical-align: top;
        background-image: url(../images/topbar-home.png);
        background-repeat: no-repeat;
        content: ""
    }

    .topbar .topbar-nav li+li:before {
        float: left;
        width: 1px;
        height: 12px;
        margin-top: 8px;
        overflow: hidden;
        text-indent: -88px;
        background-color: #f2d5d5;
        content: ""
    }

    .topbar .topbar-toggle {
        display: none
    }
}

.nav {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.nav:after,
.nav:before {
    content: " ";
    display: table
}

.nav:after {
    clear: both
}

.nav>li>.title {
    position: relative;
    margin-top: 1px;
    margin-bottom: 0;
    font-size: 1.7rem;
    font-weight: 400;
    color: #3f3f3f
}

.nav>li>.title a {
    display: block;
    padding: 17px 40px;
    line-height: 20px;
    color: #3f3f3f;
    background-color: #ececec
}

.nav>li>.title a:hover {
    text-decoration: none;
    background-color: #fff
}

.nav>li:first-child>.title {
    margin-top: 0
}

.nav>li.active>.title {
    color: #fff
}

.nav>li.active>.title a {
    color: #fff;
    background-color: #a71016
}

.nav .caret {
    position: absolute;
    top: 50%;
    right: 10px;
    display: none;
    width: 215px;
    height: 40px;
    margin-top: -20px;
    cursor: pointer;
    background-image: url(../images/icon-12.png);
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.nav .dropdown>.title a {
    padding-right: 50px
}

.nav .dropdown>.title .caret {
    display: block
}

.nav .dropdown.open>.title .caret {
    background-image: url(../images/icon-13.png)
}

.nav .dropdown.open>.dropdown-menu {
    display: block
}

.nav .dropdown.active>.title .caret {
    background-image: url(../images/icon-14.png)
}

.nav .dropdown.active.open>.title .caret {
    background-image: url(../images/icon-15.png)
}

.nav .dropdown-menu {
    display: none;
    margin-top: 1px
}

.nav .nav>li>.title {
    color: #575757;
    font-size: 1.6rem
}

.nav .nav>li>.title a {
    padding-top: 13px;
    padding-bottom: 13px;
    color: #575757;
    background-color: #d9d9d9
}

.nav .nav>li>.title a:hover {
    background-color: #d9d9d9;
}

.nav .nav>li.active>.title {
    color: #fff
}

.nav .nav>li.active>.title a {
    color: #fff;
    background-color: #c75b5f
}

.nav .nav .dropdown>.title .caret {
    background: url(../images/icon-16.png) no-repeat right;
}

.nav .nav .dropdown.open>.title .caret {
    background: url(../images/icon-17.png) no-repeat right;
}

.nav .nav .dropdown.active>.title .caret {
    background: url(../images/icon-18.png) no-repeat right;
}

.nav .nav .dropdown.active.open>.title .caret {
    background: url(../images/icon-19.png) no-repeat right;
}

.nav .nav .nav>li>.title {
    color: #5e5e5e;
    font-size: 1.4rem
}

.nav .nav .nav>li>.title a {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #5e5e5e;
    background-color: #ccc
}

.nav .nav .nav>li>.title a:hover {
    background-color: #fff
}

.nav .nav .nav>li.active>.title {
    color: #fff
}

.nav .nav .nav>li.active>.title a {
    color: #fff;
    background-color: #c75b5f
}

.nav .nav .nav .nav>li>.title a {
    padding-left: 54px
}

.nav .nav .nav .nav .nav>li>.title a {
    padding-left: 68px
}

.main-nav {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 888;
    display: none;
    /* background-color:rgba(0,0,0,.5) */
}

.main-nav:after,
.main-nav:before {
    content: " ";
    display: table
}

.main-nav:after {
    clear: both
}

.main-nav>.container {
    -webkit-box-shadow: 5px 5px 16px rgba(0, 0, 0, .75);
    box-shadow: 5px 5px 16px rgba(0, 0, 0, .75);
    position: absolute;
    top: 49px;
    bottom: 0;
    left: 0;
    max-width: 100%;
    min-width: 230px;
    overflow: hidden;
    overflow-y: auto;
    background-color: #fff
}

.main-nav .nav-more {
    margin-top: 1px
}

.main-nav .nav-more>li>.title {
    color: #fff
}

.main-nav .nav-more>li>.title a {
    padding-right: 35px;
    padding-left: 35px;
    color: #fff;
    background-color: #b5a7a7
}

.main-nav-open {
    overflow: hidden
}

.main-nav-open .main-nav {
    display: block
}

.navbar {
    background-color: #dedede;
    background-image: url(../images/navbar-bg.jpg);
    background-position: -150px 0;
    background-repeat: no-repeat;
    background-size: auto 186px
}

.navbar>.container:after,
.navbar>.container:before {
    content: " ";
    display: table
}

.navbar>.container:after {
    clear: both
}

.navbar>.container>.nav {
    display: none;
    padding: 10px;
    margin-top: 10px;
    border-top: 1px solid #c1c1c1
}

.navbar>.container>.nav>li {
    float: left
}

.navbar>.container>.nav>li>.title {
    font-size: 1.5rem;
    color: #3f3e3e
}

.navbar>.container>.nav>li>.title:after,
.navbar>.container>.nav>li>.title:before {
    content: " ";
    display: table
}

.navbar>.container>.nav>li>.title:after {
    clear: both
}

.navbar>.container>.nav>li>.title:before {
    float: right;
    width: 1px;
    height: 18px;
    margin-top: 4px;
    margin-right: 3px;
    margin-left: 3px;
    background-color: #888;
    content: ""
}

.navbar>.container>.nav>li>.title a {
    float: left;
    padding: 3px 5px;
    line-height: 20px;
    color: #3f3e3e;
    background-color: transparent
}

.navbar>.container>.nav>li>.title .caret {
    display: none
}

.navbar>.container>.nav>li:last-child>.title:before {
    display: none
}

.navbar>.container>.nav>li.active>.title a {
    color: #fff;
    background-color: #9a0000
}

.navbar>.container>.nav.active-nav {
    display: block
}

.navbar .navbar-brand {
    display: block;
    width: 260px;
    margin-top: 10px;
    margin-left: 15px
}

.navbar .navbar-brand img {
    max-width: 100%
}

.navbar .dropdown-menu {
    display: none
}

.navbar .dropdown.open>.dropdown-menu {
    display: none
}

.sidenav {
    position: absolute;
    top: -4px;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 236px
}

.sidenav:after,
.sidenav:before {
    content: " ";
    display: table
}

.sidenav:after {
    clear: both
}

.sidenav .sidenav-header {
    margin-bottom: 10px
}

.sidenav .sidenav-header:after,
.sidenav .sidenav-header:before {
    content: " ";
    display: table
}

.sidenav .sidenav-header:after {
    clear: both
}

.sidenav .sidenav-header .page-header {
    float: left;
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 9px;
    font-size: 1.8rem;
    font-weight: 400;
    color: #cc181f
}

.sidenav .sidenav-header .page-header:before {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-top: 8px;
    margin-right: 9px;
    margin-left: 2px;
    vertical-align: top;
    background-color: #a71016;
    content: ""
}

.sidenav .sidenav-header .bg {
    display: block;
    height: 17px;
    margin-top: 4px;
    overflow: hidden;
    background-image: url(../images/bg-3.png);
    background-repeat: repeat-x
}

.sidenav>.nav {
    border-bottom: 20px solid #ededed
}

.sidenav .nav>li>.title {
    margin-top: 2px
}

.sidenav .nav>li>.title a {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.5rem;
    color: #343434;
    background-color: #fff
}

.sidenav .nav>li>.title a:hover {
    background-color: #f5f5f5
}

.sidenav .nav>li:first-child>.title {
    margin-top: 0
}

.sidenav .nav>li.active>.title a {
    color: #fff;
    background-color: #a71016
}

.sidenav .nav .dropdown>.title .caret {
    background-image: url(../images/icon-16.png)
}

.sidenav .nav .dropdown.open>.title .caret {
    background-image: url(../images/icon-17.png)
}

.sidenav .nav .dropdown.active>.title .caret {
    background-image: url(../images/icon-18.png)
}

.sidenav .nav .dropdown.active.open>.title .caret {
    background-image: url(../images/icon-19.png)
}

.sidenav .nav .nav>li>.title a {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 1.4rem;
    background-color: #f5f5f5
}

.sidenav .nav .nav>li>.title a:hover {
    background-color: #fff
}

.sidenav .nav .nav>li.active>.title a {
    background-color: #cf232a
}

.sidenav .nav .nav .nav>li>.title a {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #eee
}

.sidenav .nav .nav .nav>li>.title a:hover {
    background-color: #fff
}

.sidenav .nav .nav .nav>li.active>.title a {
    background-color: #cf232a
}

.sidenav>.bg {
    background-image: -webkit-linear-gradient(top, #dadada 10%, #ededed 90%);
    background-image: -o-linear-gradient(top, #dadada 10%, #ededed 90%);
    background-image: linear-gradient(to bottom, #dadada 10%, #ededed 90%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFDADADA', endColorstr='#FFEDEDED', GradientType=0);
    position: absolute;
    top: 35px;
    bottom: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 236px
}

@media (min-width:0) and (max-width:767px) {
    .sidenav {
        position: static;
        width: auto
    }

    .sidenav .sidenav-header {
        display: none
    }

    .sidenav .nav {
        display: none
    }

    .addlink ul li {
        height: 50px;
        line-height: 50px;
    }

    .addlink ul li {
        margin: 0 0 15px;
    }


    .addlink {
        margin: 0px;
    }
}

@media (min-width:768px) {
    .main-nav>.container {
        top: 39px
    }

    .navbar {
        background-position: -150px 0;
        background-size: auto 266px
    }

    .navbar>.container>.nav {
        padding-right: 30px;
        padding-left: 30px;
        border-top: 2px solid rgba(109, 109, 109, .26)
    }

    .navbar>.container>.nav>li>.title {
        font-size: 1.6rem;
        color: #000
    }

    .navbar>.container>.nav>li>.title:before {
        margin-top: 9px;
        margin-right: 4px;
        margin-left: 4px;
        background-color: #000
    }

    .navbar>.container>.nav>li>.title a {
        padding: 8px;
        color: #000
    }

    .navbar>.container>.nav>li.active>.title a {
        color: #fff;
        background-color: #9a0000
    }

    .navbar .navbar-brand {
        width: 320px;
        margin-left: 30px
    }
}

@media (min-width:1024px) {
    .main-nav-open {
        overflow: auto
    }

    .main-nav-open .main-nav {
        display: none
    }

    .navbar {
        background-position: 50% 0;
        background-size: auto auto
    }

    .navbar>.container {
        width: 1072px;
        margin-right: auto;
        margin-left: auto
    }

    .navbar>.container>.nav {
        display: block;
        float: right;
        padding-right: 0;
        padding-left: 0;
        margin-top: 20px;
        border-top-width: 0
    }

    .navbar>.container>.nav>li>.title {
        margin-top: 0
    }

    .navbar>.container>.nav>li>.title a:hover {
        background-color: #eee
    }

    .navbar>.container>.nav>li.dropdown {
        position: relative;
        z-index: 2
    }

    .navbar>.container>.nav>li.dropdown>.dropdown-menu {
        -webkit-box-shadow: 0 11px 8px rgba(0, 0, 0, .75);
        box-shadow: 0 11px 8px rgba(0, 0, 0, .75);
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 230px;
        max-width: 320px;
        max-height: 327px;
        margin-top: 0;
        overflow: auto;
        background-color: #fff
    }

    .navbar>.container>.nav>li.dropdown.dropdown-right>.dropdown-menu {
        right: 9px;
        left: auto
    }

    .navbar>.container>.nav>li.dropdown.open,
    .navbar>.container>.nav>li.dropdown:hover {
        z-index: 3
    }

    .navbar>.container>.nav>li.dropdown.open>.title a,
    .navbar>.container>.nav>li.dropdown:hover>.title a {
        background-color: #eee
    }

    .navbar>.container>.nav>li.dropdown.open>.dropdown-menu,
    .navbar>.container>.nav>li.dropdown:hover>.dropdown-menu {
        display: block
    }

    .navbar>.container>.nav>li.dropdown.active>.title a {
        background-color: #9a0000
    }

    .navbar>.container>.nav.active-nav {
        display: none
    }

    .navbar .navbar-brand {
        float: left;
        width: 260px;
        margin-top: 21px;
        margin-bottom: 21px;
        margin-left: 0
    }

    .navbar .nav .nav>li>.title {
        font-size: 1.5rem;
        color: #3f3f3f
    }

    .navbar .nav .nav>li>.title a {
        padding: 10px 30px;
        line-height: 20px;
        color: #3f3f3f;
        background-color: #ececec
    }

    .navbar .nav .nav>li>.title a:hover {
        background-color: #fff
    }

    .navbar .nav .nav>li.active>.title {
        color: #fff
    }

    .navbar .nav .nav>li.active>.title a {
        color: #fff;
        background-color: #a71016
    }

    .navbar .nav .nav .dropdown>.title a {
        padding-right: 50px
    }

    .navbar .nav .nav .nav>li>.title {
        color: #575757
    }

    .navbar .nav .nav .nav>li>.title a {
        color: #575757;
        background-color: #d9d9d9
    }

    .navbar .nav .nav .nav>li>.title a:hover {
        background-color: #fff
    }

    .navbar .nav .nav .nav>li.active>.title {
        color: #fff
    }

    .navbar .nav .nav .nav>li.active>.title a {
        color: #fff;
        background-color: #c75b5f
    }

    .navbar .nav .nav .nav .nav>li>.title {
        color: #5e5e5e
    }

    .navbar .nav .nav .nav .nav>li>.title a {
        padding-left: 44px;
        color: #5e5e5e;
        background-color: #ccc
    }

    .navbar .nav .nav .nav .nav>li>.title a:hover {
        background-color: #fff
    }

    .navbar .nav .nav .nav .nav>li.active>.title {
        color: #fff
    }

    .navbar .nav .nav .nav .nav>li.active>.title a {
        color: #fff;
        background-color: #c75b5f
    }

    .navbar .nav .nav .nav .nav .nav>li>.title a {
        padding-left: 58px
    }

    .navbar .dropdown.open>.dropdown-menu {
        display: block
    }
}

.breadcrumb {
    background-color: rgba(194, 194, 194, .68)
}

.breadcrumb>.container {
    padding-right: 18px;
    padding-left: 18px
}

.breadcrumb .list {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.breadcrumb .list:after,
.breadcrumb .list:before {
    content: " ";
    display: table
}

.breadcrumb .list:after {
    clear: both
}

.breadcrumb .list li {
    display: inline-block;
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 1.2rem;
    line-height: 20px;
    color: #3e3e3b;
    vertical-align: top
}

.breadcrumb .list li:before {
    padding-right: 6px;
    padding-left: 6px;
    content: ">"
}

.breadcrumb .list li a {
    color: #3e3e3b
}

.breadcrumb .list li:first-child:before {
    display: none
}

.breadcrumb.breadcrumb-1 {
    margin-bottom: 0
}

@media (min-width:768px) {
    .breadcrumb {
        margin-bottom: 30px
    }

    .breadcrumb>.container {
        padding-right: 30px;
        padding-left: 30px
    }

    .breadcrumb .list li {
        padding-top: 4px;
        padding-bottom: 4px
    }
}

@media (min-width:1024px) {
    .breadcrumb {
        margin-bottom: 40px
    }

    .breadcrumb>.container {
        width: 1002px;
        padding-right: 0;
        padding-left: 0;
        margin-right: auto;
        margin-left: auto
    }
}

.links {
    margin-bottom: 120px
}

.links>.container {
    padding-right: 18px;
    padding-left: 18px
}

.links>.container:after,
.links>.container:before {
    content: " ";
    display: table
}

.links>.container:after {
    clear: both
}

.links .left {
    padding-top: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #c8c8c8
}

.links .left:after,
.links .left:before {
    content: " ";
    display: table
}

.links .left:after {
    clear: both
}

.links .right {
    padding-top: 10px;
    margin-bottom: 20px
}

.links .right:after,
.links .right:before {
    content: " ";
    display: table
}

.links .right:after {
    clear: both
}

.links .right .row {
    margin-right: -5px;
    margin-left: -5px
}

.links .right .row .column {
    padding-right: 5px;
    padding-left: 5px
}

.links .item {
    margin-bottom: 10px
}

.links .item .pic {
    height: 66px;
    margin-bottom: 10px;
    text-align: center
}

.links .item .pic .thumb {
    height: 100%
}

.links .item .pic img {
    max-width: 100%
}

.links .item .caption .title {
    height: 40px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 20px;
    color: #484848;
    text-align: center
}

.links .item .caption .title a {
    color: #484848
}

.links .buttons {
    position: relative;
    margin-bottom: 20px;
    clear: both;
    background-image: url(../images/bg-4.png);
    background-position: 0 50%;
    background-repeat: repeat-x
}

.links .buttons:after,
.links .buttons:before {
    content: " ";
    display: table
}

.links .buttons:after {
    clear: both
}

.links .buttons .btn {
    position: relative;
    z-index: 1;
    display: block;
    width: 118px;
    height: 36px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    background-color: #b32537;
    border: 4px solid #ededed
}

.links .buttons .btn:before {
    display: block;
    width: 28px;
    height: 28px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(../images/links-btn.png);
    background-repeat: no-repeat;
    content: ""
}

.links .buttons .btn:hover {
    background-color: #de3d51
}

.links.links-chevron-down .right {
    height: 252px;
    overflow: hidden
}

.links.links-chevron-down .buttons .btn:before {
    background-position: 0 0
}

.links.links-chevron-up .right {
    height: auto
}

.links.links-chevron-up .buttons .btn:before {
    background-position: 0 100%
}

@media (min-width:768px) {
    .links>.container {
        width: 660px;
        padding-right: 0;
        padding-left: 0;
        margin-right: auto;
        margin-left: auto
    }

    .links.links-chevron-down .right {
        height: 126px
    }

    .links.links-chevron-up .right {
        height: auto
    }
}

@media (min-width:1024px) {
    .links>.container {
        width: 1002px
    }

    .links .left {
        float: left;
        width: 360px;
        margin-bottom: 0;
        border-bottom-width: 0
    }

    .links .right {
        position: relative;
        float: left;
        width: 640px;
        padding-left: 40px;
        margin-bottom: 0
    }

    .links .right:before {
        position: absolute;
        width: 1px;
        height: 100px;
        top: 10px;
        left: 20px;
        background-color: #c8c8c8;
        content: ""
    }

    .links .right:after {
        position: absolute;
        width: 1px;
        height: 100px;
        top: 150px;
        left: 20px;
        background-color: #c8c8c8;
        content: ""
    }

    .links .buttons .btn,
    .links .buttons .btn:hover {
        background-color: transparent;
        border-color: transparent
    }

    .links .buttons .btn:before {
        background-color: #ededed
    }

    .links.links-chevron-down .left {
        height: 126px;
        overflow: hidden
    }

    .links.links-chevron-down .buttons .btn:before {
        width: 19px;
        height: 10px;
        margin-top: 13px;
        background-position: -32px -13px
    }

    .links.links-chevron-up .left {
        height: auto
    }

    .links.links-chevron-up .buttons .btn:before {
        width: 25px;
        height: 13px;
        margin-top: 3px;
        background-position: -29px -31px
    }
}

.footer {
    padding-top: 20px;
    background-color: #e0e0e0
}

.footer:after,
.footer:before {
    content: " ";
    display: table
}

.footer:after {
    clear: both
}

.footer>.container {
    padding-right: 18px;
    padding-left: 18px
}

.footer>.container:after,
.footer>.container:before {
    content: " ";
    display: table
}

.footer>.container:after {
    clear: both
}

.footer .footer-menu {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #b2b2b2
}

.footer .footer-menu:after,
.footer .footer-menu:before {
    content: " ";
    display: table
}

.footer .footer-menu:after {
    clear: both
}

.footer .footer-menu .pic {
    float: left;
    width: 140px;
    margin-right: 10px;
    text-align: center
}

.footer .footer-menu .pic img {
    max-width: 100%;
    border: 3px solid #fff
}

.footer .footer-menu .list {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    float: left;
    padding-top: 20px
}

.footer .footer-menu .list:after,
.footer .footer-menu .list:before {
    content: " ";
    display: table
}

.footer .footer-menu .list:after {
    clear: both
}

.footer .footer-menu .list li {
    margin-top: 10px;
    font-size: 1.5rem;
    line-height: 24px;
    color: #5b5b5b
}

.footer .footer-menu .list li:after,
.footer .footer-menu .list li:before {
    content: " ";
    display: table
}

.footer .footer-menu .list li:after {
    clear: both
}

.footer .footer-menu .list li img {
    float: left
}

.footer .footer-menu .list li a {
    float: left;
    width: 80px;
    color: #5b5b5b
}

.footer .footer-qr-code {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #b2b2b2
}

.footer .footer-qr-code:after,
.footer .footer-qr-code:before {
    content: " ";
    display: table
}

.footer .footer-qr-code:after {
    clear: both
}

.footer .footer-qr-code .page-header {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.5rem;
    font-weight: 400;
    color: #444
}

.footer .footer-qr-code .qr-code:after,
.footer .footer-qr-code .qr-code:before {
    content: " ";
    display: table
}

.footer .footer-qr-code .qr-code:after {
    clear: both
}

.footer .footer-qr-code .qr-code .pic {
    float: left;
    margin-right: 40px;
    text-align: center
}

.footer .footer-qr-code .qr-code .pic img {
    max-width: 100%
}

.footer .footer-qr-code .buttons {
    float: left;
    padding-top: 20px;
    text-align: center
}

.footer .footer-qr-code .buttons img {
    max-width: 100%;
    margin-bottom: 20px
}

.footer .footer-qr-code .buttons .btn {
    background-image: -webkit-linear-gradient(top, #d28383 0, #b66666 100%);
    background-image: -o-linear-gradient(top, #d28383 0, #b66666 100%);
    background-image: linear-gradient(to bottom, #d28383 0, #b66666 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFD28383', endColorstr='#FFB66666', GradientType=0);
    display: block;
    padding-right: 6px;
    padding-left: 6px;
    color: #fff;
    text-align: center;
    border-radius: 3px
}

.footer .footer-qr-code .buttons .btn:hover {
    background-image: -webkit-linear-gradient(top, #b66666 0, #d28383 100%);
    background-image: -o-linear-gradient(top, #b66666 0, #d28383 100%);
    background-image: linear-gradient(to bottom, #b66666 0, #d28383 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFB66666', endColorstr='#FFD28383', GradientType=0)
}

.footer .footer-links:after,
.footer .footer-links:before {
    content: " ";
    display: table
}

.footer .footer-links:after {
    clear: both
}

.footer .footer-links .page-header {
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 22px;
    color: #fff;
    background-image: url(../images/bg-2.png);
    background-repeat: repeat-x
}

.footer .copyright {
    padding: 10px 18px;
    font-size: 1.2rem;
    color: #fff;
    text-align: center;
    background-color: #791314
}

.footer .copyright br {
    display: none
}

@media (min-width:768px) {
    .footer>.container {
        width: 720px;
        padding-right: 0;
        padding-left: 0;
        margin-right: auto;
        margin-left: auto
    }

    .footer .footer-menu {
        float: left;
        width: 230px;
        height: 190px;
        padding-bottom: 0;
        padding-left: 20px;
        margin-bottom: 0;
        border-right: 1px solid #b2b2b2;
        border-bottom-width: 0
    }

    .footer .footer-menu .pic {
        width: 170px;
        margin-bottom: 10px
    }

    .footer .footer-menu .list {
        padding-top: 0
    }

    .footer .footer-menu .list li {
        font-size: 1.7rem
    }

    .footer .footer-menu .list li a {
        width: 90px
    }

    .footer .footer-qr-code {
        float: left;
        width: 260px;
        height: 190px;
        padding-top: 20px;
        padding-left: 20px;
        border-right: 1px solid #b2b2b2;
        border-bottom-width: 0
    }

    .footer .footer-links {
        float: left;
        width: 230px;
        padding-left: 20px
    }

    .footer .copyright br {
        display: block
    }
}

@media (min-width:1024px) {
    .footer>.container {
        width: 1002px
    }

    .footer .footer-menu {
        width: 380px;
        padding-top: 40px
    }

    .footer .footer-qr-code {
        width: 340px;
        padding-left: 60px
    }

    .footer .footer-links {
        width: 280px;
        padding-left: 40px
    }
}

.banner .pic {
    text-align: center
}

.banner .pic img {
    max-width: 100%
}

.banner-1 {
    margin-bottom: 10px
}

.carousel {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #d9d9d9
}

.carousel>.container:after,
.carousel>.container:before {
    content: " ";
    display: table
}

.carousel>.container:after {
    clear: both
}

.carousel .carousel-inner {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.carousel .carousel-inner:after,
.carousel .carousel-inner:before {
    content: " ";
    display: table
}

.carousel .carousel-inner:after {
    clear: both
}

.carousel .carousel-inner .item {
    position: relative;
    overflow: hidden
}

.carousel .carousel-inner .item .caption {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: inline-block;
    padding: 10px;
    vertical-align: top;
    background-image: url(../images/bg-1.png)
}

.carousel .carousel-inner .item .caption .title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.4rem;
    font-weight: 400;
    color: #fff
}

.carousel .carousel-inner .item .caption .title a {
    color: #fff
}

.carousel .carousel-indicators {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    padding-right: 10px;
    padding-left: 10px;
    line-height: 0;
    text-align: center
}

.carousel .carousel-indicators:after,
.carousel .carousel-indicators:before {
    content: " ";
    display: table
}

.carousel .carousel-indicators:after {
    clear: both
}

.carousel .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 4px;
    vertical-align: top;
    background-color: #8f8f8f;
    border-radius: 10px
}

.carousel .carousel-indicators li.active {
    background-color: #d9d9d9;
    border: 1px solid #9a0000
}

.carousel .carousel-control {
    position: absolute;
    top: 0;
    bottom: 18px;
    z-index: 1;
    display: block;
    width: 10%
}

.carousel .carousel-control .btn {
    position: absolute;
    top: 50%;
    display: block;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    background-image: url(../images/carousel-control.png);
    background-repeat: no-repeat;
    background-size: 200% 100%
}

.carousel .carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .75) 0, transparent 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .75) 0, transparent 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, .75) 0, transparent 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#BF000000', endColorstr='#00000000', GradientType=1);
    left: 0
}

.carousel .carousel-control.left .btn {
    right: 0;
    background-position: 0 0
}

.carousel .carousel-control.right {
    background-image: -webkit-linear-gradient(left, transparent 0, rgba(0, 0, 0, .75) 100%);
    background-image: -o-linear-gradient(left, transparent 0, rgba(0, 0, 0, .75) 100%);
    background-image: linear-gradient(to right, transparent 0, rgba(0, 0, 0, .75) 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#BF000000', GradientType=1);
    right: 0
}

.carousel .carousel-control.right .btn {
    left: 0;
    background-position: 100% 0
}

.carousel.slide .carousel-inner {
    width: 1000%
}

.carousel.slide .carousel-inner .item {
    float: left;
    width: 10%
}

@media (min-width:0) and (max-width:767px) {
    .carousel .carousel-inner .item .pic {
        width: 140%;
        margin-left: -20%
    }
}

@media (min-width:768px) {
    .banner-1 {
        margin-bottom: 20px
    }

    .carousel>.container {
        width: 80%;
        margin-right: auto;
        margin-left: auto
    }

    .carousel .carousel-inner .item .caption {
        right: 80px;
        bottom: 30px;
        padding: 20px 30px
    }

    .carousel .carousel-inner .item .caption .title {
        font-size: 1.6rem
    }

    .carousel .carousel-indicators {
        text-align: right
    }

    .carousel .carousel-control .btn {
        width: 48px;
        height: 48px;
        margin-top: -24px
    }
}

@media (min-width:1024px) {
    .carousel>.container {
        width: 1002px
    }

    .carousel .carousel-inner .item .caption {
        right: 100px;
        bottom: 40px;
        padding: 30px 45px
    }

    .carousel .carousel-inner .item .caption .title {
        font-size: 2.2rem
    }

    .carousel .carousel-control {
        width: auto
    }

    .carousel .carousel-control.left {
        right: 50%;
        margin-right: 450px
    }
}

@media (min-width:1024px) and (min-width:1200px) {
    .carousel .carousel-control.left {
        margin-right: 521px
    }
}

@media (min-width:1024px) {
    .carousel .carousel-control.right {
        left: 50%;
        margin-left: 450px
    }
}

@media (min-width:1024px) and (min-width:1200px) {
    .carousel .carousel-control.right {
        margin-left: 521px
    }
}

.mod-header-1 {
    margin-bottom: 10px;
    border-bottom: 1px solid #dedede
}

.mod-header-1:after,
.mod-header-1:before {
    content: " ";
    display: table
}

.mod-header-1:after {
    clear: both
}

.mod-header-1 .page-header {
    float: left;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.6rem;
    line-height: 36px;
    color: #424242
}

.mod-header-1 .more {
    float: right;
    margin-top: 8px;
    font-size: 1.2rem;
    line-height: 20px;
    color: #a19e9e
}

.mod-header-1 .more a {
    color: #a19e9e
}

.module {
    margin-bottom: 20px;
    background-color: #f3f3f3;
    border: 1px solid #d3d3d3
}

.module:after,
.module:before {
    content: " ";
    display: table
}

.module:after {
    clear: both
}

.module .mod-header:after,
.module .mod-header:before {
    content: " ";
    display: table
}

.module .mod-header:after {
    clear: both
}

.module .mod-header .page-header {
    float: left;
    padding: 10px 15px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.6rem;
    font-weight: 400;
    color: #9a0000
}

.module .mod-header .page-header a {
    color: #9a0000
}

.module .mod-header .more {
    float: right
}

.module .mod-header .more a {
    display: block;
    padding: 10px 15px;
    color: #9a0000
}

.module .mod-header .more a a {
    color: #9a0000
}

.module .mod-body:after,
.module .mod-body:before {
    content: " ";
    display: table
}

.module .mod-body:after {
    clear: both
}

.module.module-1 {
    border-width: 0
}

.module.module-1 .mod-header {
    background-color: #b32537
}

.module.module-1 .mod-header .page-header {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 1.8rem;
    font-weight: 400;
    color: #fff
}

.module.module-1 .mod-header .page-header:after,
.module.module-1 .mod-header .page-header:before {
    content: " ";
    display: table
}

.module.module-1 .mod-header .page-header:after {
    clear: both
}

.module.module-1 .mod-header .more {
    float: none;
    clear: both;
    font-size: 1.4rem;
    color: #fff
}

.module.module-1 .mod-header .more a {
    display: block;
    padding: 6px 10px;
    color: #fff
}

.module.module-1 .mod-body {
    border: 1px solid #d3d3d3
}

.module-2 {
    margin-bottom: 20px;
    background-image: url(../images/module-2.jpg);
    background-position: 50% 30px;
    background-repeat: no-repeat;
    background-size: 100% auto
}

.module-2:after,
.module-2:before {
    content: " ";
    display: table
}

.module-2:after {
    clear: both
}

.module-2 .mod-header {
    position: relative;
    margin-bottom: 10px
}

.module-2 .mod-header:after,
.module-2 .mod-header:before {
    content: " ";
    display: table
}

.module-2 .mod-header:after {
    clear: both
}

.module-2 .mod-header .page-header {
    position: relative;
    display: inline-block;
    padding-left: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0 20px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #7f4141
}

.module-2 .mod-header .page-header img {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px;
    vertical-align: top
}

.module-2 .mod-header .more-control .btn {
    position: absolute;
    top: 50%;
    right: 20px;
    height: 22px;
    margin-top: -11px;
    font-size: 1.4rem;
    color: #fff
}

.module-2 .mod-header .more-control .btn img {
    float: left;
    width: 33px;
    height: 22px;
    margin-right: 1px
}

.module-2 .mod-header .more-control .btn span {
    float: left;
    height: 22px;
    padding-right: 6px;
    padding-left: 6px;
    line-height: 22px;
    background-color: #a40000
}

.module-2 .mod-header .more-control .btn:hover span {
    background-color: #cf232a
}

.module-2 .mod-body:after,
.module-2 .mod-body:before {
    content: " ";
    display: table
}

.module-2 .mod-body:after {
    clear: both
}

.module-2 .mod-body .buttons {
    text-align: right
}

.module-2 .mod-body .buttons .btn {
    display: inline-block;
    width: 55px;
    height: 22px;
    background-color: #cbcbcd;
    background-image: url(../images/icon-7.png);
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.module-3 {
    margin-bottom: 20px
}

.module-3 .mod-header {
    border-bottom: 3px solid #cecece
}

.module-3 .mod-header:after,
.module-3 .mod-header:before {
    content: " ";
    display: table
}

.module-3 .mod-header:after {
    clear: both
}

.module-3 .mod-header .page-header {
    float: left;
    margin-top: 0;
    margin-bottom: -3px;
    padding: 4px 8px;
    font-size: 1.8rem;
    font-weight: 400;
    color: #9a0000;
    border-bottom: 3px solid #a02323
}

.module-3 .mod-body {
    padding-top: 20px;
    background-color: #fff;
    border: 1px solid #dedede;
    border-top-width: 0
}

@media (min-width:0) and (max-width:767px) {
    .module.module-1 .mod-header {
        border-top: 3px solid #9e111a
    }

    .module.module-1 .mod-header .page-header {
        float: left
    }

    .module.module-1 .mod-header .more {
        float: right;
        margin-right: 5px
    }

    .module.module-1 .mod-body {
        border-top-width: 0
    }
}

@media (min-width:768px) {
    .mod-header-1 .page-header {
        font-size: 1.8rem
    }

    .module.module-1 {
        position: relative;
        padding-left: 108px
    }

    .module.module-1 .mod-header {
        position: absolute;
        top: 0;
        left: 0;
        width: 108px;
        height: 130px;
        background-color: #b32537
    }

    .module.module-1 .mod-header .page-header {
        height: 90px;
        padding: 20px 35px;
        text-align: center
    }

    .module.module-1 .mod-header .page-header1 {
        padding: 20px 8px;
    }

    .module.module-1 .mod-header .more {
        background-color: #9e111a
    }

    .module.module-1 .mod-header .more a {
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center
    }

    .module.module-1 .mod-body {
        border-left-width: 0
    }

    .module-2 .mod-header {
        text-align: center
    }

    .module-2 .mod-header .page-header {
        font-size: 1.8rem
    }

    .module-3 {
        margin-top: 24px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .module.module-1 .mod-body {
        border-right-width: 0
    }
}

@media (min-width:1024px) {
    .mod-header-1 {
        margin-bottom: 20px
    }

    .module.module-1 {
        padding-left: 118px
    }

    .module.module-1 .mod-header {
        width: 118px
    }

    /* .module {
        margin-top: 24px
    } */
}

.captions {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 20px
}

.captions:after,
.captions:before {
    content: " ";
    display: table
}

.captions:after {
    clear: both
}

.captions li:after,
.captions li:before {
    content: " ";
    display: table
}

.captions li:after {
    clear: both
}

.captions .caption:after,
.captions .caption:before {
    content: " ";
    display: table
}

.captions .caption:after {
    clear: both
}

.captions .caption .title {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.4rem;
    font-weight: 400;
    color: #1b1b1b
}

.captions .caption .title a {
    color: #1b1b1b
}

.captions-marker .caption .title {
    position: relative;
    padding-left: 20px
}

.captions-marker .caption .title:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    vertical-align: top;
    background-image: url(../images/point.png);
    background-repeat: no-repeat;
    content: ""
}

.captions-nowrap .caption .title {
    height: 30px;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap
}

.captions.captions-1 {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0
}

.captions.captions-1 li {
    border-top: 1px solid #d3d3d3
}

.captions.captions-1 li:first-child {
    border-top-width: 0
}

.captions.captions-1 .caption {
    padding: 15px
}

.captions.captions-1 .caption .title {
    font-size: 1.5rem;
    color: #262626
}

.captions.captions-1 .caption .title a {
    color: #262626
}

.captions.captions-1 .caption .date {
    font-size: 1rem;
    color: #9d9d9d
}

.captions.captions-2 .caption {
    position: relative
}

.captions.captions-2 .caption .date {
    position: absolute;
    top: 50%;
    right: 10px;
    display: none;
    width: 80px;
    margin-top: -10px;
    font-size: 1.3rem;
    line-height: 20px;
    color: #878787
}

.captions.captions-3 .caption .title {
    padding-top: 1px;
    padding-bottom: 1px
}

.captions.captions-4 {
    padding-right: 30px;
    padding-left: 30px
}

.captions.captions-4 .caption {
    padding-left: 100px
}

.captions.captions-4 .caption .title {
    float: left;
    width: 100px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: -100px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #545353
}

.captions.captions-4 .caption .description {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.6rem
}

.captions.captions-4 .caption .description p {
    margin-top: 5px;
    margin-bottom: 0
}

.captions.captions-4 .caption .description p:first-child {
    margin-top: 0
}

.captions.captions-5 {
    padding-right: 0;
    padding-left: 0
}

.captions.captions-5 .caption {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 25px;
    background-image: url(../images/bg-7.png);
    background-position: 0 5px;
    background-repeat: no-repeat
}

.captions.captions-5 .caption .title {
    display: inline;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1.6rem;
    color: #605f5f
}

.captions.captions-5 .caption .title a {
    color: #605f5f
}

.captions.captions-5 .caption .date {
    font-size: 1.6rem;
    color: #605f5f
}

.captions.captions-5 .caption.caption-top .title {
    color: #d03428
}

.captions.captions-5 .caption.caption-top .title a {
    color: #d03428
}

.captions.captions-5 .caption.caption-top .date {
    color: #d03428
}

.captions.captions-6 .caption {
    position: relative
}

.captions.captions-6 .caption .date {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 80px;
    margin-top: -10px;
    font-size: 1.3rem;
    line-height: 20px;
    color: #878787
}

@media (min-width:0) and (max-width:767px) {
    .captions.captions-6 .caption .date {
        display: none
    }

    .captions.captions-7 .caption .title {
        height: auto;
        overflow: auto;
        white-space: normal
    }

    .captions.captions-7 .caption .title:before {
        top: 5px;
        margin-top: 0
    }
}

@media (min-width:768px) {
    .captions.captions-1 li {
        float: left;
        width: 50%;
        height: 128px;
        border-top-width: 0;
        border-left: 1px solid #d3d3d3
    }

    .captions.captions-1 li:first-child {
        border-left-width: 0
    }

    .captions.captions-1 .caption {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .captions.captions-1 .caption .title {
        height: 70px;
        font-size: 1.4rem
    }

    .captions.captions-4 .caption .title {
        font-size: 1.8rem
    }

    .captions.captions-4 .caption .description {
        font-size: 1.8rem
    }

    .captions.captions-6 .caption {
        padding-right: 100px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .captions.captions-2 .caption {
        padding-right: 100px
    }

    .captions.captions-2 .caption .date {
        display: block
    }
}

@media (min-width:1024px) {
    .captions.captions-1 .caption {
        padding-right: 20px;
        padding-left: 20px
    }

    .captions.captions-1 .caption .title {
        height: 73px;
        font-size: 1.5rem
    }

    .captions.captions-5 .caption .title {
        font-size: 1.3rem
    }

    .captions.captions-5 .caption .date {
        font-size: 1.3rem
    }
}

.thumbnail:after,
.thumbnail:before {
    content: " ";
    display: table
}

.thumbnail:after {
    clear: both
}

.thumbnail .pic {
    margin-bottom: 10px;
    text-align: center
}

.thumbnail .pic img {
    max-width: 100%
}

.thumbnail .caption {
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 10px
}

.thumbnail .caption:after,
.thumbnail .caption:before {
    content: " ";
    display: table
}

.thumbnail .caption:after {
    clear: both
}

.thumbnail .caption .title {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.4rem;
    font-weight: 400;
    color: #1b1b1b
}

.thumbnail .caption .title a {
    color: #1b1b1b
}

.thumbnail .caption .description {
    margin-bottom: 10px;
    font-size: 1.2rem;
    color: #5b5b5b
}

.thumbnail .caption .description a {
    color: #5b5b5b
}

.thumbnails {
    padding-bottom: 20px
}

.thumbnails .row {
    margin-right: -5px;
    margin-left: -5px
}

.thumbnails .row .column {
    padding-right: 5px;
    padding-left: 5px
}

.thumbnails .thumbnail {
    margin-top: 20px
}

.thumbnails .thumbnail .caption {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0
}

.thumbnails .thumbnail .caption .title {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 1.4rem;
    color: #515151;
    text-align: center
}

.thumbnails .thumbnail .caption .title a {
    color: #515151
}

.thumbnails .thumbnail .caption .description {
    margin-bottom: 0;
    font-size: 1rem;
    color: #d2d0d0;
    text-align: center
}

.thumbnails .thumbnail .caption .description:after,
.thumbnails .thumbnail .caption .description:before {
    content: " ";
    display: table
}

.thumbnails .thumbnail .caption .description:after {
    clear: both
}

.thumbnails .thumbnail .caption .description p {
    margin-top: 0;
    margin-bottom: 0
}

.thumbnails-1:after,
.thumbnails-1:before {
    content: " ";
    display: table
}

.thumbnails-1:after {
    clear: both
}

.thumbnails-1 .item {
    margin-bottom: 10px;
    background-color: #fff;
    border: 1px solid #dedede
}

.thumbnails-1 .item:after,
.thumbnails-1 .item:before {
    content: " ";
    display: table
}

.thumbnails-1 .item:after {
    clear: both
}

.thumbnails-1 .thumbnail {
    padding-top: 15px;
    padding-bottom: 15px
}

.thumbnails-1 .thumbnail:after,
.thumbnails-1 .thumbnail:before {
    content: " ";
    display: table
}

.thumbnails-1 .thumbnail:after {
    clear: both
}

.thumbnails-1 .thumbnail .pic {
    padding-right: 15px;
    padding-left: 15px
}

.thumbnails-1 .thumbnail .caption {
    margin-bottom: 0
}

.thumbnails-1 .thumbnail .caption .title {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 1.3rem;
    color: #2a2a2a
}

.thumbnails-1 .thumbnail .caption .title a {
    color: #2a2a2a
}

.thumbnails-1 .thumbnail .caption .description {
    margin-bottom: 0;
    font-size: 1.2rem;
    color: #9c9c9c
}

.thumbnails-1 .thumbnail .caption .description:after,
.thumbnails-1 .thumbnail .caption .description:before {
    content: " ";
    display: table
}

.thumbnails-1 .thumbnail .caption .description:after {
    clear: both
}

.thumbnails-1 .thumbnail .caption .description p {
    margin-top: 0;
    margin-bottom: 0
}

.thumbnails-2 .row {
    margin-right: -5px;
    margin-left: -5px
}

.thumbnails-2 .row .column {
    padding-right: 5px;
    padding-left: 5px
}

.thumbnails-2 .thumbnail {
    margin-bottom: 10px
}

.thumbnails-2 .thumbnail .caption {
    padding-right: 0;
    padding-left: 0
}

.thumbnails-2 .thumbnail .caption .title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.2rem;
    color: #797979
}

.thumbnails-2 .thumbnail .caption .title a {
    color: #797979
}

@media (min-width:768px) {
    .thumbnails .row {
        margin-right: -10px;
        margin-left: -10px
    }

    .thumbnails .row .column {
        padding-right: 10px;
        padding-left: 10px
    }

    .thumbnails .thumbnail .caption .title {
        font-size: 1.6rem
    }

    .thumbnails-1 .item {
        margin-bottom: 15px
    }

    .thumbnails-1 .thumbnail .pic {
        float: left;
        width: 180px;
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 0;
        margin-left: 15px
    }

    .thumbnails-1 .thumbnail .caption {
        overflow: hidden
    }
}

@media (min-width:1024px) {
    .thumbnails .thumbnail .caption .title {
        font-size: 1.8rem
    }

    .thumbnails-1 .thumbnail .caption {
        padding-right: 30px;
        padding-left: 30px
    }
}

.article {
    margin-bottom: 20px
}

.article:after,
.article:before {
    content: " ";
    display: table
}

.article:after {
    clear: both
}

.article.article-1 .article-title {
    font-size: 1.4rem
}

.article-title {
    padding-bottom: 10px;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 1.8rem;
    font-weight: 400;
    color: #d03428;
    text-align: center;
    border-bottom: 1px dotted #a3a3a3
}

.article-body:after,
.article-body:before {
    content: " ";
    display: table
}

.article-body:after {
    clear: both
}

.article-section:after,
.article-section:before {
    content: " ";
    display: table
}

.article-section:after {
    clear: both
}

.article-section .section-header {
    padding: 5px 30px;
    margin-bottom: 20px;
    background-color: #eee
}

.article-section .section-header:after,
.article-section .section-header:before {
    content: " ";
    display: table
}

.article-section .section-header:after {
    clear: both
}

.article-section .section-header .page-header {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.6rem;
    font-weight: 400;
    color: #a71016
}

.article-section .section-body:after,
.article-section .section-body:before {
    content: " ";
    display: table
}

.article-section .section-body:after {
    clear: both
}

.article-section .section-body img {
    width: auto !important;
    height: auto !important;
    max-width: 100%
}

@media (min-width:768px) {
    .article {
        padding: 10px
    }

    .article.article-1 .article-title {
        font-size: 1.8rem
    }

    .article-section .section-header .page-header {
        font-size: 1.8rem
    }
}

@media (min-width:1024px) {
    .article.article-1 .article-title {
        width: 440px;
        font-size: 2rem;
        text-align: left
    }

    .article-title {
        font-size: 2.2rem
    }

    .article-section .section-header .page-header {
        font-size: 1.6rem
    }

    .right-section {
        float: right;
        width: 212px
    }

    .left-section {
        float: left;
        width: 440px
    }
}

.tags {
    margin-bottom: 20px;
    background-image: url(../images/bg-5.png);
    background-repeat: repeat
}

.tags .list {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    padding: 1px
}

.tags .list:after,
.tags .list:before {
    content: " ";
    display: table
}

.tags .list:after {
    clear: both
}

.tags .list li {
    float: left;
    margin: 1px;
    font-family: arial regular;
    font-size: 1.8rem;
    font-weight: 700;
    color: #7e7e7e
}

.tags .list li a {
    display: block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    color: #7e7e7e;
    text-align: center
}

.tags .list li a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.tags .list li.active a {
    color: #a71016;
    text-decoration: underline;
    background-color: rgba(0, 0, 0, .05)
}

.tags-1 {
    margin-bottom: 20px
}

.tags-1:after,
.tags-1:before {
    content: " ";
    display: table
}

.tags-1:after {
    clear: both
}

.tags-1 .list {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    margin-right: -4px;
    margin-left: -4px
}

.tags-1 .list:after,
.tags-1 .list:before {
    content: " ";
    display: table
}

.tags-1 .list:after {
    clear: both
}

.tags-1 .list li {
    float: left;
    width: 25%;
    padding: 4px;
    font-size: 1.5rem;
    color: #717171
}

.tags-1 .list li a {
    display: block;
    height: 35px;
    line-height: 35px;
    color: #717171;
    text-align: center;
    background-color: #e0dddd
}

.tags-1 .list li a:hover {
    background-color: #f5f5f5
}

.tags-1 .list li.active a {
    color: #fff;
    background-color: #a71016
}

@media (min-width:768px) {
    .tags .list {
        padding: 2px
    }

    .tags .list li {
        float: left
    }

    .tags .list li a {
        width: 46px;
        height: 46px;
        line-height: 46px
    }

    .tags-1 .list li {
        width: 16.66666667%
    }
}

@media (min-width:1024px) {
    .tags .list {
        padding: 5px
    }

    .tags .list li {
        float: left;
        color: #b3b3b3
    }

    .tags .list li a {
        width: 24px;
        height: 24px;
        line-height: 24px;
        color: #b3b3b3
    }

    .tags-1 .list li {
        width: 12.5%
    }

    .tags-1 .list li a {
        height: 40px;
        line-height: 40px
    }
}

.media {
    position: relative;
    padding-left: 140px;
    margin-bottom: 20px
}

.media:after,
.media:before {
    content: " ";
    display: table
}

.media:after {
    clear: both
}

.media .pic {
    -webkit-box-shadow: 0 0 3px rgba(13, 4, 9, .4);
    box-shadow: 0 0 3px rgba(13, 4, 9, .4);
    position: absolute;
    top: 0;
    left: 0;
    width: 127px;
    height: 105px;
    overflow: hidden
}

.media .pic:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 5px;
    background-color: #a2181a;
    content: ""
}

.media .pic img {
    max-width: 100%
}

.media .caption {
    -webkit-box-shadow: 1px 1px 5px rgba(13, 4, 9, .1);
    box-shadow: 1px 1px 5px rgba(13, 4, 9, .1);
    min-height: 105px;
    padding: 10px 15px;
    background-image: url(../images/bg-6.jpg);
    background-repeat: repeat;
    border: 1px solid #e1e1e0;
    border-radius: 1px
}

.media .caption .title {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 1.5rem;
    font-weight: 400;
    color: #000
}

.media .caption .title a {
    color: #000
}

.media .caption .sub-title {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 1.2rem;
    font-weight: 400;
    color: #6a6a6a;
    text-align: justify;
    text-justify: inter-ideograph
}

.media .caption .more-info {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.media .caption .more-info:after,
.media .caption .more-info:before {
    content: " ";
    display: table
}

.media .caption .more-info:after {
    clear: both
}

.media .caption .more-info li .label {
    display: block;
    margin-bottom: 5px;
    font-size: 1.2rem;
    font-weight: 700;
    color: #6a6a6a
}

.media .caption .more-info li .value {
    max-height: 34px;
    overflow: hidden;
    font-size: 1.2rem;
    color: #6a6a6a
}

@media (min-width:0) and (max-width:767px) {
    .media .caption .more-info {
        display: none
    }
}

@media (min-width:768px) {
    .media .caption {
        padding-right: 20px;
        padding-left: 20px
    }
}

@media (min-width:1024px) {
    .media {
        padding-left: 170px
    }

    .media .pic {
        width: 150px;
        height: 123px
    }

    .media .caption {
        min-height: 123px;
        padding-right: 30px;
        padding-left: 30px
    }

    .media .caption .title {
        font-size: 1.8rem
    }

    .media .caption .sub-title {
        margin-bottom: 10px
    }

    .media .caption .more-info li .label {
        font-size: 1.4rem
    }
}

.paging {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px
}

.paging:after,
.paging:before {
    content: " ";
    display: table
}

.paging:after {
    clear: both
}

.paging .pagination {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    float: left
}

.paging .pagination:after,
.paging .pagination:before {
    content: " ";
    display: table
}

.paging .pagination:after {
    clear: both
}

.paging .pagination li {
    display: none;
    float: left;
    margin-right: 1px;
    margin-left: 1px;
    font-size: 1.8rem;
    color: #333
}

.paging .pagination li a {
    display: block;
    padding: 5px 10px;
    line-height: 20px;
    color: #fff;
    background-color: #cdcdcd
}

.paging .pagination li a:hover {
    color: #666;
    background-color: #eee
}

.paging .pagination li.ellipsis {
    color: #888
}

.paging .pagination li.ellipsis span {
    padding: 5px 10px;
    color: #888
}

.paging .pagination li.next,
.paging .pagination li.previous {
    display: block
}

.paging .pagination li.next a,
.paging .pagination li.previous a {
    padding-right: 15px;
    padding-left: 15px;
    background-color: #a71016
}

.paging .pagination li.next a:before,
.paging .pagination li.previous a:before {
    display: block;
    width: 20px;
    height: 20px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(../images/paging.png);
    background-repeat: no-repeat;
    content: ""
}

.paging .pagination li.next a:hover,
.paging .pagination li.previous a:hover {
    background-color: #cf232a
}

.paging .pagination li.previous {
    margin-right: 6px
}

.paging .pagination li.previous a:before {
    background-position: 0 0
}

.paging .pagination li.next {
    margin-left: 6px
}

.paging .pagination li.next a:before {
    background-position: 100% 0
}

.paging .pagination li.active a {
    background-color: #a71016
}

.paging .pagination li.active a:hover {
    color: #fff
}

.paging .pagination li.disabled a {
    background-color: #eee
}

.paging .pagination li.disabled a:hover {
    background-color: #eee
}

.paging .pagination-count {
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 10px;
    font-size: 1.4rem;
    line-height: 20px;
    color: #939393
}

.paging .pagination-count .num {
    padding-right: 5px;
    padding-left: 5px
}

.paging .pagination-to {
    float: right
}

.paging .pagination-to:after,
.paging .pagination-to:before {
    content: " ";
    display: table
}

.paging .pagination-to:after {
    clear: both
}

.paging .pagination-to form {
    float: left
}

.paging .pagination-to .form-group {
    float: left;
    width: 50px;
    margin-right: 5px
}

.paging .pagination-to .form-group .form-control {
    display: block;
    width: 100%;
    height: 30px;
    padding: 6px 12px;
    font-size: 1.6rem;
    color: #6a6a6a;
    background-color: #e3e3e3;
    border-width: 0
}

.paging .pagination-to .btn {
    float: left;
    width: 40px;
    height: 30px;
    padding: 0;
    font-size: 1.5rem;
    color: #fff;
    text-align: center;
    word-wrap: normal;
    white-space: nowrap;
    background-color: #a71016;
    border-width: 0
}

@media (min-width:768px) {

    .paging .pagination li.next a,
    .paging .pagination li.previous a {
        padding-right: 20px;
        padding-left: 20px
    }

    .paging .pagination-count {
        font-size: 1.8rem
    }

    .paging .pagination-to .form-group {
        width: 60px
    }
}

@media (min-width:1024px) {
    .paging .pagination li {
        display: block
    }
}

.subscribe {
    margin-bottom: 20px;
    background-color: #e5e5e5
}

.subscribe .subscribe-header {
    margin-bottom: 0;
    background-color: #c75b5f
}

.subscribe .subscribe-header .page-header {
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-align: center
}

.subscribe .subscribe-form {
    padding: 20px
}

.subscribe .subscribe-form .form-group {
    padding-top: 8px;
    padding-left: 42px
}

.subscribe .subscribe-form .form-group:after,
.subscribe .subscribe-form .form-group:before {
    content: " ";
    display: table
}

.subscribe .subscribe-form .form-group:after {
    clear: both
}

.subscribe .subscribe-form .control-label {
    float: left;
    width: 42px;
    height: 28px;
    margin-bottom: 8px;
    margin-left: -42px;
    line-height: 28px
}

.subscribe .subscribe-form .control-col {
    -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .5);
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .5);
    margin-bottom: 8px;
    background-color: #fff;
    border-radius: 2px
}

.subscribe .subscribe-form .control-col .form-control {
    display: block;
    width: 100%;
    height: 28px;
    padding: 4px 8px;
    line-height: 28px;
    background-color: transparent;
    border-width: 0;
    outline: 0
}

.subscribe .subscribe-form .buttons {
    text-align: right
}

.subscribe .subscribe-form .buttons .btn {
    width: 80px;
    height: 22px;
    margin-bottom: 8px;
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
    background-color: #bd4949;
    border-width: 0;
    border-radius: 22px;
    outline: 0
}


/*自定义添加代码*/

a:hover {
    color: #791314;
    text-decoration: none;
}

ul,
ol,
li,
dd,
dl {
    list-style: none outside none;
    margin: 0px;
    padding: 0px;
}

.copyright a {
    color: #337ab7;
}

.content {
    max-width: 1002px;
    margin: 20px auto;
    overflow: hidden;
}


/*tab start*/

.tabArticleList {
    position: relative;
}

.tabArticleList .tabListTitle {
    overflow: hidden;
    border-bottom: #ccc 1px solid;
    margin-bottom: 9px;
    background: #ededed;
}

.tabArticleList .tab_menu h3 {
    width: auto;
    height: 46px;
    line-height: 46px;
    float: left;
    margin: 0;
    /*! padding: 0 5px; */
}

.tabArticleList .tab_menu h3 a {
    display: block;
    height: 46px;
    text-align: center;
    line-height: 46px;
    float: left;
    font-size: 16px;
    font-weight: normal;
    width: auto;
    position: relative;
    padding: 0 15px;
}

.tabArticleList .tab_menu h3:hover,
.tabArticleList .tab_menu h3.on {
    display: block;
    height: 46px;
    line-height: 46px;
    float: left;
    width: auto;
}

.tabArticleList .tab_menu h3:hover a,
.tabArticleList .tab_menu h3.on a {
    display: block;
    width: auto;
    height: 46px;
    line-height: 46px;
    color: #fff;
    background: #aa2b2c;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-decoration: none;
}


/* .tabArticleList .tab_menu h3 a:before,.tabArticleList .tab_menu h3 a:before{content: ""; display: block; width: 0; height: 3px; background: #791314; position: absolute;
left: 0; bottom: 0; transition:all 0.3s ease-in-out; } */

.tabArticleList .tab_menu h3 a:hover {
    /*! color: #1e1e1e; */
}

.tabArticleList .tab_menu h3:hover a:before,
.tabArticleList .tab_menu h3.on a:before {
    width: 100%;
}

.tabArticleList .more_tab {
    display: none;
}

.tabArticleList .tabListTitle .more {
    float: right;
    padding-top: 10px;
}

.tabArticleList .tabList {
    position: relative;
}

.tabArticleList .tabListBox .more {
    position: absolute;
    right: 0;
    top: -45px;
    font-size: 14px;
    background: #aa2b2c;
    padding: 4px 8px;
    border-radius: 10px;
}

.tabArticleList .tabListBox .more a {
    color: #fff;
    font-weight: bold;
}

.tabArticleList .tabListBox {
    display: none;
}


/*tab end*/

.list1 {
    margin: 0 -13px;
    overflow: hidden;
}

.list1 li {
    width: 33.2%;
    float: left;
}

.list1 li a {
    display: block;
    margin: 13px;
}

.list1 .list-img {
    display: block;
    height: 0;
    padding-bottom: 50.6%;
    overflow: hidden;
}

.list1 .list-img img {
    width: 100%;
}

.list1 .list-text {
    display: block;
    overflow: hidden;
}

.list1 .list-title {
    display: block;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    margin: 8px 0;
}

.list1 .list-text .date {
    display: block;
    border-top: #d9d9d9 1px solid;
    color: #b5b7b7;
    padding-top: 8px;
}

.list1 li a:hover {
    text-decoration: none;
}


/*图片轮播*/


/*FlexSlider默认样式*/

.Banner {
    overflow: hidden;
    clear: both;
    position: relative;
    max-height: 400px;
}

.Banner:before {
    content: "";
    display: block;
    width: 20%;
    height: 96%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .75) 0, transparent 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, .75) 0, transparent 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, .75) 0, transparent 100%);
}

.Banner:after {
    content: "";
    display: block;
    width: 20%;
    height: 96%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, .75) 0, transparent 100%);
    background: -o-linear-gradient(right, rgba(0, 0, 0, .75) 0, transparent 100%);
    background: linear-gradient(to left, rgba(0, 0, 0, .75) 0, transparent 100%);
}

.Banner .flexslider {
    max-width: 1002px;
    /*! position: relative; */
    zoom: 1;
    margin: 0 auto;
}

.Banner .flexslider ul li:first-child {
    display: block;
}

.Banner .flexslider ul li {
    list-style: none;
    position: relative;
    float: left;
    /*! display: none; */
}

.Banner .flexslider ul li .slideImg {
    display: block;
    height: 0;
    padding-bottom: 41.5%;
    overflow: hidden;
}

.Banner .flexslider ul li img {
    border: none;
    width: 100%;
}

.Banner .flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    overflow: visible !important;
}

.Banner .loading .flex-viewport {}

.Banner .flexslider .slides {
    zoom: 1;
    width: 100%;
    padding: 0;
}

.Banner .carousel li {
    margin-right: 5px;
}


/*icon小点*/

.Banner .flex-control-nav {
    display: block;
    width: 100%;
    height: 17px;
    line-height: 17px;
    padding: 0 14px;
    background: #d7d7d7;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    z-index: 9;
}

.Banner .flex-control-nav li {
    margin: 0 5px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.Banner .flex-control-paging li a {
    float: left;
    width: 10px;
    height: 10px;
    display: block;
    background: #8f8f8f;
    /*! border: #fff 2px solid; */
    border-radius: 50%;
    cursor: pointer;
    text-indent: -9999px;
}

.Banner .flex-control-paging li a:hover,
.Banner .flex-control-paging li a.flex-active {
    background: #d9d9d9;
    border: #9a0000 1px solid;
}

.Banner .slides h4 a {
    color: #fff;
    opacity: 1.0;
    font-size: 14px;
    text-decoration: none;
}

.Banner .slides h4 a:hover {
    color: #fff;
    font-size: 14px;
}

.Banner .flexslider ul li .til_slides {
    position: absolute;
    bottom: 7%;
    left: 20%;
    color: #fff;
    z-index: 999;
    background: url(../images/banner_bg.png) repeat;
    padding: 17px 19px;
    font-size: 2.2em;
    color: #fff;
}

.Banner .flex-direction-nav {
    display: block;
    margin-top: -17px;
}

.Banner .flex-direction-nav li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: static !important;
}

.Banner .flex-direction-nav a {
    width: 50px;
    height: 50px;
    text-align: center;
    display: inline-block;
    position: absolute;
    z-index: 99;
    text-indent: -999em;
    z-index: 99;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.5s ease;
}

.Banner .flex-direction-nav a.flex-prev {
    background: url(../images/carousel-control.png) no-repeat left center;
    left: 20%;
    top: 50%;
    margin-top: -25px;
}

.Banner .flex-direction-nav a.flex-next {
    background: url(../images/carousel-control.png) no-repeat right center;
    right: 20%;
    top: 50%;
    margin-top: -25px;
}

@media screen and (max-width:1366px) {
    .Banner .flex-direction-nav a.flex-prev {
        left: 8%;
    }

    .Banner .flex-direction-nav a.flex-next {
        right: 8%;
    }
}

@media screen and (max-width:1023px) {
    .content {
        margin-left: 15px;
        margin-right: 15px;
    }

    .Banner .flex-direction-nav a {
        display: none;
    }
    
    .article_table_box{
        overflow-x: scroll;
    }
}

@media screen and (max-width:850px) {
    .addlink ul li {
        width: 33.3%;
        margin: 0 0 15px 0;
    }

    .addlink ul {
        margin: 0 -5px;
    }

    .addlink ul a {
        margin: 0 5px;
    }

    .carousel {
        margin-bottom: 15px;
    }


}

@media screen and (max-width:768px) {
    .list1 li {
        width: 50%;
    }

    .left_img {
        width: 100%;
    }
}

@media screen and (max-width:600px) {
    .wtable {
        width: 320px;
        margin: 0 auto;
        overflow-x: scroll;
    }
}

@media screen and (max-width:480px) {
    .list1 li {
        width: 100%;
    }

    .list-title {
        height: auto;
    }
}